<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <!-- 引入 Bootstrap -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div th:fragment="myhead">
    <div class="container-fluid">
        <div class="row">
            <div class="pb-2 mt-4 mb-2 border-bottom back-color">
                <img src="image/newlogo.jpg">
            </div>
        </div>
        <nav class="navbar navbar-expand-lg bg-info navbar-dark">
            <!-- Brand -->
            <a class="navbar-brand" href="/main">首页</a>
            <!-- Links -->
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
<!--                        信息管理-->
                        基础数据管理
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="/add">添加信息</a>
                        <a class="dropdown-item" href="/list">查看信息</a>
                    </div>
                </li>
                <li class="nav-item">
<!--                    <a class="nav-link" href="/upload">发育分析</a>-->
                    <a class="nav-link" href="/upload">骨龄评估</a>
                </li>
                <li class="nav-item">
<!--                    <a class="nav-link" href="/history">历史评估</a>-->
                    <a class="nav-link" href="/history">骨龄评估记录</a>
                </li>
            </ul>
            <div class="dropdown">
                <button th:text="${session.user.getConsumerName()}" class="btn btn-info dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                </button>
                <div class="dropdown-menu my-2 my-sm-0" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item" href="javascript:void(0)" onclick="showEdit()">账户管理</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="/cancel">退出登录</a>
                </div>
            </div>
        </nav>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="editPassword" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="showInfoModalCenterTitle">账户管理</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div>
                    <label>旧密码：</label>
                    <br>
                    <input type="password" style="font-weight: bold;width: 80%" id="oldPassword" required/>
                    </div>
                    <p></p>

                    <div>
                    <label>新密码：</label>
                    <br>
                    <input type="password" style="font-weight: bold;width: 80%" id="newPassword" required/>
                    </div>
                    <p></p>

                    <div>
                    <label>确认新密码：</label>
                    <br>
                    <input type="password" style="font-weight: bold;width: 80%" id="checkPassword" required/>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="editPassword()">保存修改</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>